<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>分类</title>
    <script src="./js/winResponsive.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/cate.css">
</head>
<body>
    <header class="header">
        <a href="#" class="logo"></a>
        <form action="" class="search-form">
            <input type="text" name="search" placeholder="输入商家、分类或商圈" value="">
        </form>
        <span class="qcode"></span>
        <span class="info"></span>
    </header>
    <div class="content">
       <div class="cate">
           <div class="cate-left">
               <ul>
                   <li class="cur"><a href="">优选水果</a></li>
                   <li><a href="">卤味熟食</a></li>
                   <li><a href="">卤味熟食</a></li>
                   <li><a href="">卤味熟食</a></li>
                   <li><a href="">卤味熟食</a></li>
                   <li><a href="">卤味熟食</a></li>
                   <li><a href="">卤味熟食</a></li>
                   <li><a href="">卤味熟食</a></li>
               </ul>
           </div>
           <div class="cate-right">
               <div class="cate-fruit">
                <span>优选水果</span>
               </div>
               <div class="clear"></div>
               <div class="price">
                   <img src="images/fruit.jpg">
                   <div class="word">
                        <span>精选</span>
                        <span>爱鲜蜂-佳沛绿奇异果</span>
                        <p class="cur">买一赠一</p>
                        <p class="word2">3粒/盒</p>
                        <p class="word3">¥16.9</p>
                   </div>
                   </div>
                   <!-- 第一个 -->
                <div class="clear"></div>
                <div class="price">
                    <img src="images/fruit.jpg">
                    <div class="word">
                         <span>精选</span>
                         <span>爱鲜蜂-佳沛绿奇异果</span>
                         <p class="cur">买一赠一</p>
                         <p class="word2">3粒/盒</p>
                         <p class="word3">¥16.9</p>
                    </div>
                    </div>
               <!-- 第二个 -->
               <div class="clear"></div>
               <div class="price">
                   <img src="images/fruit.jpg">
                   <div class="word">
                        <span>精选</span>
                        <span>爱鲜蜂-佳沛绿奇异果</span>
                        <p class="cur">买一赠一</p>
                        <p class="word2">3粒/盒</p>
                        <p class="word3">¥16.9</p>
                   </div>     
               </div>
           </div>
           
            
       </div>
    </div>
    <!-- 内容结束 -->
    <footer>
            <ul>
                <li>
                    <a href="">
                        <img src="images/home.png" alt="">
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/shop.png" alt="">
                        <p>闪送超市</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/mine.png" alt="">
                        <p>我的</p>
                    </a>
                </li>
                <li class="last">
                    <a href="">
                        <img src="images/cart.png" alt="">
                        <p>¥0起送</p>
                    </a>
                </li>
            </ul>
    
        </footer>
    
    </body>
    </html>